import React from 'react'
import {Link,Outlet } from 'react-router-dom'


export default function (props) {

  return (
    <div>
      <div style={{display: 'flex',justifyContent: 'center'}}>
        <ul style={{listStyle:'none',display: 'flex',margin:'20px'}}>
          <li style={{marginRight:'100px',fontSize:'20px'}}><Link to='/system/student'>学生管理</Link></li>
          <li style={{marginRight:'100px',fontSize:'20px'}}><Link to='/system/teacher'>老师管理</Link></li>
          <li style={{marginRight:'100px',fontSize:'20px'}}><Link to='/system/class'>班级管理</Link></li>
        </ul>
      </div>
      <hr />
      <div style={{display: 'flex',justifyContent: 'center'}}>
      <Outlet />
      </div>
    </div>
  )

}
